.slide-frame-batch-apportion {
  height: 100%;
  overflow-y: auto;

  .amount-info {
    margin: 10px;
    .amount-highlight {
      color: #0b990b;
    }
  }
  .apportion-item-group {
    display: block;
    height: auto;
    margin: 5px 0;
    overflow: auto;
    .apportion-item-group-title {
      width: 30%;
      border-right: none;
      cursor: text;
    }
  }
  .expense-proportion-symbol{
    width: calc(100% - 15px);
    position: relative;
    &:after{
      position: absolute;
      height: 30px;
      line-height: 30px;
      top: 0;
      right: -15px;
      font-size: 10px;
      content: '%';
    }
  }
  .chooser{
    .ant-select-selection__clear{
      margin-top: -6px;
    }
  }
  .department{
    overflow: auto;
    .chooser{
      width: 70%;
      float: right;
      .ant-select{
        width: 100%;
        .ant-select-selection{
          border-left: 0;
          border-radius: 0 4px 4px 0;
        }
      }
      .fake-value-list{
        border-left: 0;
        border-radius: 0 4px 4px 0;
      }
    }
    .ant-input-disabled{
      background-color: #fff;
      color:rgba(0, 0, 0, 0.65);
    }
  }
  .apportion-row {
    .chooser {
      height: 32px;
    }
  }
  .apportion-buttons {
    height: 30px;
    line-height: 30px;
    text-align: center;
    box-sizing: content-box;
    border: 1px dashed #959595;
    color: #959595;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin: 10px;
    &:hover {
      border: 1px dashed $default-color;
      color: $default-color;
    }
  }
}
